<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="<?php echo $this->layout()->keywords; ?>" />
<meta name="description" content="<?php echo $this->layout()->description; ?>" />
<title><?php echo $this->layout()->title; ?></title>

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl();?>/css/styles.css" media="screen" />
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/jquery-1.7.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/jquery.visualize.js"></script>
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl();?>/css/ie6.css" media="screen" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl();?>/css/ie.css" media="screen" /><![endif]-->
<!--[if IE]><script type=type="text/javascript" src="<?php echo $this->baseUrl();?>/js/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="<?php echo $this->baseUrl();?>/js/custom.js"></script>

</head>
<body>
	<div id="page-body" class="container_12">
		<div id="wrapper">
			<!-- Header [begin] -->
			<div class="grid_12"><div id="header">
				<!-- Logo [begin] -->
				<div id="logo"><a href="#">Admin UI</a></div>
				<!-- Logo [end] -->
				
				<!-- Adminbar [begin] -->
				<div id="adminbar">欢迎, <strong>Faragly Halik!</strong> <a href="#"><img alt="消息" src="images/onebit-icons/ok_messages.png" /></a> (<strong>1</strong>) <a href="#" class="logout">退出</a></div>
				<!-- Adminbar [end] -->
			</div></div>
			<!-- Header [end] -->
			
			
			<!-- centered tabs [begin] -->
			<div class="grid_12"><div id="menu-tabs" class="center">
				<ul>
					<li class="active"><a href="#">Dashboard</a></li>
					<li><a href="#">Content</a></li>
					<li><a href="#">Comments</a></li>
					<li><a href="#">Settings</a></li>
				</ul>
			</div></div>
			<!-- centered tabs [end] -->
			<!-- scroll menu [begin] -->
			<div class="grid_12"><div class="scroll-menu">
				<div class="smc-1">
					<div class="smc-2">
						<div class="smc-3">
							<!-- menu scroll content [begin] -->
							<div id="content-scroll">
								<div id="content-holder">
									<!-- tabs content here [begin] -->
									
									<!-- tab 1 [begin] -->
									<div class="pane">
										<ul class="menu-items">
											<!-- 
											<li><a href="link.html"><img src="path/to/icon.png" alt="" /><span>With tooltip</span></a><div class="tooltip">Tooltip text here</div></li>
											<li><a href="link.html"><img src="path/to/icon.png" alt="" /><span>Without tooltip</span></a></li>
											-->
											<li><a href="#"><img src="images/function-icons/home_48.png" alt="" /><span>Home</span></a><div class="tooltip">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In massa odio, tempus ut porta ac, sollicitudin sed neque.</div></li>
											<li><a href="#"><img src="images/function-icons/navigate_48.png" alt="" /><span>Main menu</span></a><div class="tooltip">Tooltip text here</div></li>
											<li><a href="#"><img src="images/function-icons/rss_48.png" alt="" /><span>RSS Feeds</span></a><div class="tooltip">Tooltip text here</div></li>
											<li><a href="#"><img src="images/function-icons/lightbulb_48.png" alt="" /><span>TODO</span></a></li>
											<li><a href="#"><img src="images/function-icons/paper_pencil_48.png" alt="" /><span>Logs</span></a></li>
											<li><a href="#"><img src="images/function-icons/box_upload_48.png" alt="" /><span>Upload</span></a></li>
											<li><a href="#"><img src="images/function-icons/users_two_48.png" alt="" /><span>Users</span></a></li>
											<li><a href="#"><img src="images/function-icons/comment_48.png" alt="" /><span>Comments</span></a></li>
											<li><a href="#"><img src="images/function-icons/folder_48.png" alt="" /><span>Site explorer</span></a></li>
											<li><a href="#"><img src="images/function-icons/lock_48.png" alt="" /><span>Security</span></a></li>
											<li><a href="#"><img src="images/function-icons/camera_48.png" alt="" /><span>Gallery</span></a></li>
											<li><a href="#"><img src="images/function-icons/database_48.png" alt="" /><span>Database</span></a></li>
											<li><a href="#"><img src="images/function-icons/pie_chart_48.png" alt="" /><span>Statistic</span></a></li>
											<li><a href="#"><img src="images/function-icons/spanner_48.png" alt="" /><span>Settings</span></a></li>
										</ul>
									</div>
									<!-- tab 1 [end] -->
									
									<!-- tab 2 [begin] -->
									<div class="pane">
										
									</div>
									<!-- tab 2 [end] -->
									
									<!-- tab 3 [begin] -->
									<div class="pane"></div>
									<!-- tab 3 [end] -->
									
									<!-- tab 4 [begin] -->
									<div class="pane"></div>
									<!-- tab 4 [end] -->
									
									<!-- tabs content here [end] -->
								</div>
							</div>
							<!-- menu scroll content [end] -->
							<!-- scrollbar [begin] -->
							<div class="scrollbar">
								<div class="sb-1">
									<div class="sb-2">
										<div class="sb-3">
											<a id="scrollleft" href="#">Left</a>
											<a id="scrollright" href="#">Right</a>
											<div class="ui-slider ui-slider-horizontal">
												<div id="scrollbar" style="left: 0%;" class="ui-slider-handle"><a href="#"><span><span></span></span></a></div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<!-- scrollbar [end] -->
							<div class="clearingfix"></div>
						</div>
					</div>
				</div>
			</div></div>
			<!-- scroll menu [end] -->
			
			<div class="clearingfix"></div>	
	
			<?php echo $this->layout()->content; ?>	
	
	
	
			<!-- Footer [begin] -->			
			<div class="grid_12" id="footer">
				<p>© Copyright 2011 by <a href="#">wantouzi.com</a></p>
			</div>
			<div class="clearingfix"></div>		
			<!-- Footer [end] -->
			<!-- grid layout [end] -->
		</div>
	</div>
</body>
</html>